<template>
  <div class="report">
    <div class="report-title">
      <div style="display: flex;">
        <div style="color: black" class="report-title-date" :style="{width:index == 0 ? '15%' : 'calc(80%/8)'}"
             v-for="(item,index) in list.reporttime" :key="index" v-text="item">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import {customerAccount } from "@/api/business/account";
export default {
  name: "customerAccount",
  data() {
    return {
      lists:{},
      repordata:[],
      options:[],
      value:"",
      list:[]
    }
  },
  created() {
    customerAccount().then((res)=>{
      console.log(res)
    })
  }
}
</script>

<style scoped>
.report-title {
  background-color: #D0E7FF;
  color: white;
  padding: 0 20px;
}

.report {
  font-size: 14px;
  line-height: 28px;
  width: 100%;
}

.report-title-date {
  text-align: center;
}

.cost-offer-border {
  text-align: center;
  width: calc(80% / 8);
}

el-tabs {
  height: 200px;
}
.red{
  background-color: red;
}
.el-table .warning-row {
  background: oldlace;
}
.el-table .success-row {
  background: #f0f9eb;
}
</style>
